/* 
    Document   : formulary-board
    Created on : May 7, 2010, 5:25:55 PM
    Author     : clyde
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#go-formular-container{
    overflow: auto;
    width:850px;
    height: 500px;

}

.default-formular-container{
    height: 460px;
    width: 830px;
    border: solid 1px red;
}

.default-goboard{
    height: 480px;
    width: 480px;
    /*background-image: url( "../image/go-board/board-background.jpg");*/
    float: left;
}

.default-control-panel{
    width: 200px;
    height: 460px;
    float: right;
}
.cp-button{

}


#next-step .icon {
    background-position:-200px 0;
}

#next-step .icon, #last-step .icon ,#regret .icon, #resign .icon, #done .icon, #start .icon{
    background-image:url("example.png");
    background-repeat:no-repeat;
    display:block;
    height:20px;
    left:4px;
    position:absolute;
    top:6px;
    width:20px;
}
#next-step, #last-step,#regret,#resign,#done,#start {
    background:url("sprite.png") repeat-x scroll 0 -1300px #7D98B8;
    display:block;
    float:left;
    position:relative;
    margin: 5px 5px;
}
/*#next-step button, #last-step button ,#regret button, #resign button, #done button, #start button{
    padding:0 2px 0 23px;
    width: 84px;
}*/

#go-formular-container button{
    padding:0 2px 0 23px;
    width: 84px;
}


.intersection{
   background-image: url("../image/go-board/go_qipan.jpg") ;
   background-position: center;
   background-repeat: no-repeat;
}
.intersection.dot{
   background-image:url("../image/go-board/go_qipan_heidian.jpg") ;
}
.intersection.top-line{
   background-image:url("../image/go-board/go_qipan_u.jpg") ;
}
.intersection.top-line.left-line{
   background-image:url("../image/go-board/go_qipan_lu.jpg") ;
}
.intersection.top-line.right-line{
   background-image:url("../image/go-board/go_qipan_ru.jpg") ;
}

.intersection.right-line{
   background-image:url("../image/go-board/go_qipan_r.jpg") ;
}
.intersection.left-line{
   background-image:url("../image/go-board/go_qipan_l.jpg") ;
}

.intersection.bottom-line{
   background-image:url("../image/go-board/go_qipan_d.jpg") ;
}
.intersection.bottom-line.left-line{
   background-image:url("../image/go-board/go_qipan_ld.jpg") ;
}
.intersection.bottom-line.right-line{
   background-image:url("../image/go-board/go_qipan_rd.jpg") ;
}


.desk{
	width: 200px;
	height: 100px;
	border: 1px black solid;
	float: left;
	margin: 5px;
	padding: 10px;
}

.left-seat{
	width: 60px;
	height: 80px;
	border: 1px black solid;
	float: left;
}

.middle-seat{
	width: 60px;
	height: 80px;
	border: 1px black solid;
	float: left;
}
.right-seat{
	width: 60px;
	height: 80px;
	border: 1px black solid;
	float: left;
}
